// -----------------------------
// [layout的样式]
// ------------------------------
.layout-container {
  user-select: none;
}

.add-modal {
  user-select: none;
}

.ant-spin-fullscreen {
  z-index: 1002;
}

// -----------------------------
// 头部的样式
// ------------------------------
.header-wrapper {
  user-select: none;
}


// -------------------
// [菜单]
// --------------------
// 覆盖menu菜单的标题容器
.menu-horizontal .ant-menu-horizontal .ant-menu-submenu-title {
  color: inherit;
}

// 覆盖menu菜单的selected底部的一横
.ant-menu-light.ant-menu-horizontal>.ant-menu-item:hover::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item:hover::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu:hover::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu:hover::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-active::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-active::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-active::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-active::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-open::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-open::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-open::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-open::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-item-selected::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-item-selected::after,
.ant-menu-light.ant-menu-horizontal>.ant-menu-submenu-selected::after,
.ant-menu-light>.ant-menu.ant-menu-horizontal>.ant-menu-submenu-selected::after {
  display: none;
}

// -----------------------------
// [首页的样式]
// ------------------------------
.home-wrapper {
  .chart-box {
    height: 100%;
    width: 100%;
  }
}

// -------------------
// [列表页的-分页]
// --------------------
// 覆盖,分页的上一页、下一页的a标签
.ab-pagination.ant-pagination a {
  color: inherit;
  padding: 0;
}

// 覆盖ant单选组件的高度样式，由ant-select-selector配置
.ab-pagination .ant-select-single {
  height: inherit;
}

// 覆盖前、后几页的图标颜色
.ab-pagination .ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-ellipsis,
.ab-pagination .ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-ellipsis {
  color: inherit;
}

// 表格

.list-table {
  .table-image-box {
    border-radius: 6px;
  }

  .list-filedownload {
    color: #1890ff;
    cursor: pointer;
  }

  .list-preview {
    color: #1890ff;
    cursor: pointer;
  }
}

// examMarkModal弹框的覆盖样式
.ant-modal {
  .markmodal-content {
    background-color: rgb(240, 242, 245);
  }

  .markmodal-header {
    background-color: rgb(240, 242, 245);
  }

  .question-box {
    margin: 20px;
  }
}

// 在线客服
.msg-box {
  display: flex;
  flex-direction: column;
  height: 400px;
  scrollbar-width: thin;
  overflow-y: auto;
  margin-bottom: 20px;

  .msg-item {
    margin-bottom: 6px;
  }

  .msg-item {
    display: flex;

    padding: 8px 12px;
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    border-radius: 8px;
    word-wrap: break-word;

    .text {
      padding: 6px 12px;
      border-radius: 6px;
      margin: 4px;
      max-width: 70%
    }

    .ask {
      background-color: #f0f0f0;
    }

    .reply {
      background-color: #e6f7ff;
    }
  }

  .ask-item {
    justify-content: flex-start;
  }

  .reply-item {
    justify-content: flex-end;
  }

}


// 支付弹框
.paybuy-modal-box {
  width: 80%;
  max-width: 730px;

  .ant-radio-group {
    display: flex;
    flex-wrap: wrap;
  }

  .ant-radio-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 300px;
    margin: 20px;
    border: 1px solid #eee;
    padding: 20px;
  }

  .ant-radio-wrapper-checked {
    background: #a9c9ef;
  }

  .qr-box {
    text-align: center;

    img {
      width: 200px;
    }
  }
}

// 统计图弹框
.list-chart-modal-box {
  .chart-box {
    height: calc(100vh - 272px);
  }
}

// YyBaiduMap百度地址选择弹框
.baidu-map-modal {

  .map-title {
    .sub-title {
      margin-left: 10px;
      font-size: 14px;
    }
  }

  .map-wrapper {
    width: 100%;
    height: 500px;
    overflow: auto;
    position: relative;
  }

  .search-box {
    position: absolute;
    left: 10px;
    top: 10px;
  }
}